var myChart = echarts.init(document.getElementById("idx1"));
var option = {
    title:{
        text:"周子昂"
    },
    series:{
       type:"funnel",
       data:[1,2,3]
    },
};
myChart.setOption(option)

var myChart2 = echarts.init(document.getElementById("idx2"));
var option2 = {
    title: {
        text: '马斯洛需求层次（漏斗图）--周子昂',
    },
    series: [{
        type:"funnel",
        sort: 'ascending',
        data:[{
            value: 1,
            name: '自我实现',
            itemStyle: {
                color: 'blue',
            },
        },{
            value: 2,
            name: '尊重需求',
            itemStyle: {
                color: 'red',
            },
        },{
            value: 3,
            name: '爱与归属',
            itemStyle: {
                color: 'yellow',
            },
        },{
            value: 4,
            name: '安全需求',
            itemStyle: {
                color: 'green',
            },
        },{
            value: 5,
            name: '生理需求',
            itemStyle: {
                color: 'pink',
            },
        }]
    }],
  };
myChart2.setOption(option2)
 
 
 
var myChart3 = echarts.init(document.getElementById("idx3"));
var option3 = {
    title: {
        text: '马斯洛需求层次（漏斗图）--周子昂',
    },
    series: [{
        funnelAlign: 'left',
        type:"funnel",
        sort: 'ascending',
        data:[{
            value: 1,
            name: '自我实现',
            itemStyle: {
                color: 'blue',
            },
            label: {
                color: 'blue',
                position: 'left',
                fontFamily: 'monospace',
                backgroundColor: 'black',
            },
        },{
            value: 2,
            name: '尊重需求',
            itemStyle: {
                color: 'red',
            },
            label: {
                color: 'red',
                position: 'left',
                fontFamily: 'monospace',
                backgroundColor: 'black',
            },
        },{
            value: 3,
            name: '爱与归属',
            itemStyle: {
                color: 'yellow',
            },
            label: {
                color: 'yellow',
                position: 'left',
                fontFamily: 'monospace',
                backgroundColor: 'black',
            },
        },{
            value: 4,
            name: '安全需求',
            itemStyle: {
                color: 'green',
            },
            label: {
                color: 'green',
                position: 'left',
                fontFamily: 'monospace',
                backgroundColor: 'black',
            },
        },{
            value: 5,
            name: '生理需求',
            itemStyle: {
                color: 'pink',
            },
            label: {
                color: 'pink',
                position: 'left',
                fontFamily: 'monospace',
                backgroundColor: 'black',
            },
        }]
    }],
  };
myChart3.setOption(option3)
 
 
var myChart4 = echarts.init(document.getElementById("idx4"));
var option4 = {
    title:{
        text: '雷达--周子昂',
    },
    radar: {
        indicator: [{
            name: '语文',
        },{
            name: '数学',
        },{
            name: '英语',
        },{
            name: '理综',
        },{
            name:'体育',

        }],
    },
    series: [{
        type:'radar',
        data:[{
            value: [80,60,75,90,65],
            name: '小明',
        },{
            value: [70,90,80,60,80],
            name: '小华',
        }],
    }],

};
myChart4.setOption(option4)
 
 
var myChart5 = echarts.init(document.getElementById("idx5"));
var option5 = {
    title:{
        text: '雷达--周子昂',
        bottom: '1',
        left: 'center'
    },
    legend: {
        align: 'center',
        right: '1',
        orient: 'vertical',
    },
    visualMap: [{
        color:['green','yellow','red'],
        min:59,
        max:100,
        calculable:true,
        orient:'horizontal',
        top:'1'
    }],
    radar: {
        shape: 'circle',
        splitNumber: 7,
        splitArea: {
            areaStyle: {
                color: ['white','red'],
            },
        },
        indicator: [{
            name: '语文',
        },{
            name: '数学',
        },{
            name: '英语',
        },{
            name: '理综',
        },{
            name:'体育',

        }],
    },
    series: [{
        type:'radar',
        data:[{
            value: [80,60,75,90,70],
            name: '小明',
        },{
            value: [70,90,80,60,80],
            name: '小华',
        },{
            value:[90,100,80,70,90],
            name: '小红',
        }],
    }],
};
myChart5.setOption(option5)